@import '../assets//styles/base.scss';
@import '../assets//styles/iconfont.scss';

.global-tabbar{
  display: flex;;
  justify-content: space-between;
  width: 100%;
  height: 88px;
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
  background-color:var(--bg-color-1);
  box-shadow: 2px 2px 8px  rgb(0 0 0 / 5%);

  .item{
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .icon{
      width: 50px;
      height: 50px;
    }
  }
}
